<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<title>搜索</title>
	<link rel="stylesheet" href="http://xhh.wasd1.cn/static/css/base.css">
	<link rel="stylesheet" href="../css/icon.css">
	<link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div id="seek" class="flexv wrap">
	<div class="flex center head">
		<a href="javascript:;" class="bls bls-zjt"></a>
		<h1 class="flexitem center">搜索</h1>
		<a href="javascript:;" class="bls bls-dian"></a>
	</div>
	<div class="flex center search">
		<div class="flex centerv home-sea">
			<input type="text" class="flexitem sea-text" placeholder="输入关键字，找文章">
			<span class="flex center bls bls-cuo empty"></span>
		</div>
	</div>
	
	<div class="flexitemv mainbox result">
		<div class="listbox">
			<div class="flex lists">
				<div class="img">
					<img class="fitimg" src="../image/banner.jpg"/>
				</div>
				<div class="flexitemv cont">
					<a href="javascript:;" class="flexitemv">特斯拉创始人发表了15页的论文来描绘人类将如何殖民火星</a>
					<div class="base">
						<span><em>7862</em>阅读</span>
						<span><em>7862</em>分享</span>
						<span>于建华</span>
						<span>首创</span>
					</div>
				</div>
			</div>
			<div class="flex lists">
				<div class="img">
					<img class="fitimg" src="../image/banner.jpg"/>
				</div>
				<div class="flexitemv cont">
					<a href="javascript:;" class="flexitemv">特斯拉创始人发表了15页的论文来描绘人类将如何殖民火星</a>
					<div class="base">
						<span><em>7862</em>阅读</span>
						<span><em>7862</em>分享</span>
						<span>于建华</span>
						<span>首创</span>
					</div>
				</div>
			</div>
		</div>
		<p class="flex center ">没有更多了~</p>
	</div>
	
	<div class="flexitem center void" style="display: none;">
		<p>找不到“<span>特斯拉</span>”，换个关键词试试吧~</p>
	</div>
	
	<div class="flex tabbars">
		<div class="flexitem center middle">
			<a href="javascript:;" class="flexv center user">
				<span class="flex userimg">
					<img class="fitimg" src="../image/banner.jpg"/>
				</span>
				<em class="flex center">首页</em>
			</a>
		</div>
		<a href="javascript:;" class="flexv center item">
			<i class="flex center bls bls-fkjl fk"></i>
			<em class="flex center">访客记录</em>
		</a>
		<a href="javascript:;" class="flexv center item">
			<i class="flex center bls bls-zfkt"></i>
			<em class="flex center">支付开通</em>
		</a>
		<a href="javascript:;" id="data" class="flexv center item">
			<i class="flex center bls bls-grzx"></i>
			<em class="flex center">个人中心</em>
		</a>
	</div>
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/zepto/1.2.0/zepto.min.js"></script>
<script type="text/javascript">
     var input = $('.home-sea input').get(0);
     input.oninput=function () {
         if(input.value != ""){
             $(".empty").css({"display":"block"})
         } else{
             $(".empty").css({"display":"none"})
		 }
     };
     $(".empty").click(function () {
         $('.home-sea input').val("");
         $(".empty").css({"display":"none"})
     })

</script>
</html>